let container = document.querySelector('.container')
// 绑定鼠标摁下事件
container.onmousedown = function (e) {
  // 获得鼠标坐标点，相对点击元素的边缘的距离
  let { offsetX, offsetY } = e
  // 绑定鼠标滑动事件
  container.onmousemove = function (e) {
    // 获得鼠标坐标点，鼠标到页面边缘的距离
    let { pageX, pageY } = e
    // 页面坐标减去元素的坐标就是元素的定位值
    let top = pageY - offsetY + 'px'
    let left = pageX - offsetX + 'px'
    // 设置元素的top left值
    container.style.top = top
    container.style.left = left
  }
  // 最后把元素的滑动事件和鼠标的松开事件移除
  document.onmouseup = function () {
    document.onmouseup = container.onmousemove = null
  }
}
